(function() {
    // Create and style the input field for rotation degree
    var degreeInput = document.createElement('input');
    degreeInput.type = 'number';
    degreeInput.placeholder = 'Enter rotation degree';
    degreeInput.style.position = 'fixed';
    degreeInput.style.bottom = '10px'; // Position at the bottom
    degreeInput.style.left = '50%';
    degreeInput.style.transform = 'translateX(-50%)';
    degreeInput.style.zIndex = '1000';
    degreeInput.style.padding = '10px';
    degreeInput.style.fontSize = '16px';
    degreeInput.style.width = '200px';
    degreeInput.style.borderRadius = '5px';
    degreeInput.style.border = '2px solid #ccc';
    degreeInput.setAttribute('tabindex', '0');

    document.body.appendChild(degreeInput);

    // Create and style the consignment count display
    var consignmentCountDisplay = document.createElement('div');
    consignmentCountDisplay.style.position = 'fixed';
    consignmentCountDisplay.style.bottom = '50px'; // Position above the degree input
    consignmentCountDisplay.style.left = '50%';
    consignmentCountDisplay.style.transform = 'translateX(-50%)';
    consignmentCountDisplay.style.zIndex = '1000';
    consignmentCountDisplay.style.padding = '10px';
    consignmentCountDisplay.style.fontSize = '24px'; // Larger font size
    consignmentCountDisplay.style.fontWeight = 'bold'; // Bold font
    consignmentCountDisplay.style.color = 'red'; // Red color
    consignmentCountDisplay.style.backgroundColor = '#fff';
    consignmentCountDisplay.style.border = '2px solid #ccc';
    consignmentCountDisplay.style.borderRadius = '5px';

    document.body.appendChild(consignmentCountDisplay);

    // Create and style the reset button
    var resetButton = document.createElement('button');
    resetButton.textContent = 'Reset Count';
    resetButton.style.position = 'fixed';
    resetButton.style.bottom = '90px'; // Position above the consignment count display
    resetButton.style.left = '50%';
    resetButton.style.transform = 'translateX(-50%)';
    resetButton.style.zIndex = '1000';
    resetButton.style.padding = '10px 20px';
    resetButton.style.fontSize = '16px';
    resetButton.style.borderRadius = '5px';
    resetButton.style.border = '2px solid #ccc';
    resetButton.style.cursor = 'pointer';

    document.body.appendChild(resetButton);

    // Initialize a set to store unique consignment numbers from local storage
    var consignmentNumbers = new Set(JSON.parse(localStorage.getItem('consignmentNumbers') || '[]'));

    // Function to get the current rotation degree of the image
    function getCurrentRotation() {
        var image = document.querySelector('#viewer2 img'); // Adjust the selector if necessary
        if (image) {
            var style = window.getComputedStyle(image, null);
            var transform = style.getPropertyValue('transform');
            if (transform !== 'none') {
                var values = transform.split('(')[1].split(')')[0].split(',');
                var a = values[0];
                var b = values[1];
                var angle = Math.round(Math.atan2(b, a) * (180/Math.PI));
                return angle;
            }
        }
        return 0; // Default rotation is 0 if no transformation is applied
    }

    // Add event listeners to focus on the degree input field when Alt + Z is pressed
    document.addEventListener('keydown', function(event) {
        if (event.altKey && (event.key === 'z' || event.key === 'Z')) {
            degreeInput.focus();
        }
    });

    // Add event listener to listen for "Tab" key press
    degreeInput.addEventListener('keydown', function(event) {
        if (event.key === 'Tab') {
            event.preventDefault(); // Prevent the default "Tab" behavior
            var nextField = document.querySelector('#cnsgee_nam'); // Get the next field
            if (nextField) {
                nextField.focus(); // Focus on the next field
            }
        }
    });

    // Add event listener to update the rotation
    degreeInput.addEventListener('change', function() {
        var degree = parseFloat(degreeInput.value);
        var image = document.querySelector('#viewer2 img'); // Adjust the selector if necessary
        if (image && !isNaN(degree)) {
            var currentDegree = getCurrentRotation();
            var newDegree = currentDegree + degree;
            image.style.transform = 'rotate(' + newDegree + 'deg)';
            degreeInput.value = ''; // Clear the input field after updating the rotation
        }
    });

    // Function to update consignment count
    function updateConsignmentCount() {
        var label = document.getElementById('Label10');
        if (label) {
            var text = label.textContent || label.innerText;
            var match = text.match(/Consignment # (\d+)/);
            if (match && match[1]) {
                consignmentNumbers.add(match[1]);
                localStorage.setItem('consignmentNumbers', JSON.stringify([...consignmentNumbers]));
                consignmentCountDisplay.textContent = consignmentNumbers.size;
            }
        }
    }

    // Function to reset consignment count with confirmation
    function resetConsignmentCount() {
        if (confirm('Are you sure you want to reset the count?')) {
            consignmentNumbers.clear();
            localStorage.setItem('consignmentNumbers', JSON.stringify([...consignmentNumbers]));
            consignmentCountDisplay.textContent = consignmentNumbers.size;
        }
    }

    // Add event listener to reset button
    resetButton.addEventListener('click', resetConsignmentCount);

    // Update consignment count on page load
    window.addEventListener('load', updateConsignmentCount);

    // Override the save button click event to update consignment count after save
    var saveButton = document.getElementById('Button1');
    if (saveButton) {
        saveButton.addEventListener('click', function() {
            setTimeout(updateConsignmentCount, 1000); // Update consignment count after 1 second delay
        });
    }

    // Run the update consignment count function periodically to catch updates
    setInterval(updateConsignmentCount, 1000);

    // Initial count display
    consignmentCountDisplay.textContent = consignmentNumbers.size;
})();
